<template>
    <div class="common-layout">
        <el-container class="commonall">
            <el-header class="header">
                <Header></Header>
            </el-header>
            <el-main style="margin: 0 auto;">
                <Main></Main>
            </el-main>
            <el-footer class="footer"></el-footer>
        </el-container>
    </div>
</template>
<script setup lang="ts">
import Header from './component/header.vue';
import Main from './src/main.vue'
</script>
<style lang="scss">
.commonall {
    height: 100vh;
}
.header {
    height: 10vh;
    // background: red;
}
.main {

}
.footer {
    height: 10vh;
    // background: yellowgreen;
}
</style>